<template>
  <div>
    <nut-row>
      <nut-col :span="24">
        <nut-tabbar
            @tab-switch="tabSwitch3"
            :tabbar-list="tabList3"
            :bottom="true"
        >
        </nut-tabbar>
      </nut-col>
    </nut-row>
  </div>
</template>

<script>
export default {
  name: "tabBar",
  components: {

  },
  data() {
    return {
      tabList3:[
        {
          'tabTitle':'消息',
          'curr':true,
          'icon':'http://img13.360buyimg.com/uba/jfs/t1/29316/38/1115/3203/5c0f3d61E35d0c7da/9e557f2cb5c9dab6.jpg',
          'activeIcon':'http://img20.360buyimg.com/uba/jfs/t1/9996/36/8646/4833/5c0f3d61E7c1b7e0f/c98ad61124172e93.jpg',
          'href':''
        },
        {
          'tabTitle':'群组',
          'curr':false,
          'icon':'http://img12.360buyimg.com/uba/jfs/t1/25443/23/1062/4600/5c0f3d61E2e9f1360/c9b3421fe18614e2.jpg',
          'activeIcon':'http://img20.360buyimg.com/uba/jfs/t1/19241/12/1048/8309/5c0f3d61E17ed5a56/c3af0964cade47f8.jpg',
          'href':''
        },
        {
          'tabTitle':'好友',
          'curr':false,
          'icon':'http://img12.360buyimg.com/uba/jfs/t1/25443/23/1062/4600/5c0f3d61E2e9f1360/c9b3421fe18614e2.jpg',
          'activeIcon':'http://img20.360buyimg.com/uba/jfs/t1/19241/12/1048/8309/5c0f3d61E17ed5a56/c3af0964cade47f8.jpg',
          'href': window.location.protocol + window.location.host + '/#/home/friends',
        },
        {
          'tabTitle':'我的',
          'curr':false,
          'icon':'http://img20.360buyimg.com/uba/jfs/t1/20004/20/1045/3620/5c0f3d61Eaaec1670/9e59db63983b7b9f.jpg',
          'activeIcon':'http://img14.360buyimg.com/uba/jfs/t1/23967/14/1072/6714/5c0f3d61E0ad8991e/8f741953f6e38f15.jpg',
          'href':window.location.protocol + window.location.host + '/#/home/index',
        }
      ]
    };
  },
  methods: {
    tabSwitch3:function(){
      // this.curr = index
      // this.$router.push(value.href)
    }
  }
}
</script>

<style scoped lang="css">

</style>